<template>
  <section class="bg-white lg:pt-20 pt-9 pb-10 px-[10px]">
    <div class="container mx-auto text-center">
      <div class="lg:text-3xl text-xl text-gray-33 font-bold">
        丰富的行业算法模型，按需选择
      </div>
      <div class="lg:mt-5 mt-2 lg:text-lg text-gray-66">
        数百种成熟算法，可按落地场景快速优化
      </div>
      <div class="lg:mt-10 mt-4 gs_reveal gs_reveal_fromBottom">
        <el-carousel
          class="lg:block hidden"
          indicator-position="outside"
          height="510px"
          :autoplay="false"
        >
          <el-carousel-item v-for="item in 4" :key="item">
            <img class="w-full" src="@/assets/img/flow.png" alt="" />
          </el-carousel-item>
        </el-carousel>
      </div>
      <div class="mt-6 lg:hidden block">
        <img class="w-full" src="@/assets/img/ai2.png" alt="" />
      </div>
    </div>
    <info-btn class="lg:hidden flex !mt-10">更多算法</info-btn>
  </section>
</template>

  <script>
export default {
  data() {
    return {
      height: "510px",
      showIndicator: "outside",
    };
  },
  mounted() {
    if (this.isMobile()) {
      this.height = "445px";
      this.showIndicator = "none";
    }
  },
  methods: {},
};
</script>
  
<style scoped>
</style>